<!DOCTYPE html>
<html  class="maximized">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>options</title>
    <link rel="icon" type="image/x-icon" href="./icons/extension-icons/icon48.png">
    <link rel="stylesheet" href="options.css">
    <meta name="viewport" content="width=device-width,initial-scale=1">
</head>

<body>
    <div class="help-content notify">
        <div class="help-block">
            <p class="warning">注意：</p>
            <p>1、有使用者反馈，使用<strong>选中后动作</strong>功能自动标注文字，可能导致封号（见 <a href="https://github.com/Higurashi-kagome/wereader/issues/116#issuecomment-1985219335">116</a>），虽然同时也有其他使用者反馈使用过程中没有出现问题，但还是谨慎使用为好。</p>
            <p>2、有使用者反馈，使用<strong>获取标注</strong>功能，可能导致封号（见 <a href="https://github.com/Higurashi-kagome/wereader/issues/112#issue-2055319734">112</a>）。虽然之后扩展调整了标注获取方式，但不保证不存在问题（不过开发测试过程中未发现封号情况），也请谨慎使用。</p>
        </div>
    </div>
    <main>
        <h3>
            <span class="options-title">
                <span id="expandAllButton"></span>
                <span id="titleLabel">选项</span>
            </span>
            <!-- 配置切换 -->
            <span class="profiles">
                <select id="profileNamesInput">
                    <!-- <option>默认设置</option> -->
                </select>
                <button id="addProfileButton" title="添加一个新的配置文件"><img src="./icons/options-icons/button_new.png"></button>
                <button id="deleteProfileButton" title="删除配置文件" disabled=""><img src="./icons/options-icons/button_delete.png"></button>
                <button id="renameProfileButton" title="重命名配置文件" disabled=""><img src="./icons/options-icons/button_edit.png"></button>
            </span>
        </h3>
        <!-- 标注 -->
        <details>
            <summary>标注</summary>
            <!-- 直线标注前缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="s1Pre"></textarea>
            </div>
            <!-- 直线标注后缀 -->
            <div class="option vertical">
                <label for="s1Suf" id="s1SufLabel">直线标注后缀</label>
                <textarea type="text" maxlength="150" id="s1Suf"></textarea>
            </div>
            <!-- 马克笔标注前缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="s2Pre"></textarea>
            </div>
            <!-- 马克笔标注后缀 -->
            <div class="option vertical">
                <label for="s2Suf" id="s2SufLabel">马克笔标注后缀</label>
                <textarea type="text" maxlength="150" id="s2Suf"></textarea>
            </div>
            <!-- 波浪线标注前缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="s3Pre"></textarea>
            </div>
            <!-- 波浪线标注后缀 -->
            <div class="option vertical">
                <label for="s3Suf" id="s3SufLabel">波浪线标注后缀</label>
                <textarea type="text" maxlength="150" id="s3Suf"></textarea>
            </div>
        </details>
        <!-- 标题 -->
        <details>
            <summary>标题</summary>
            <!-- 一级标题前缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="lev1Pre"></textarea>
            </div>
            <!-- 一级标题后缀 -->
            <div class="option vertical">
                <label for="lev1Suf" id="lev1SufLabel">一级标题后缀</span></label>
                <textarea type="text" maxlength="150" id="lev1Suf"></textarea>
            </div>
            <!-- 马克笔标注前缀 -->
            <div class="option vertical">
                <label for="lev2Pre" id="lev2PreLabel">二级标题前缀</span></label>
                <textarea type="text" maxlength="150" id="lev2Pre"></textarea>
            </div>
            <!-- 二级标题后缀 -->
            <div class="option vertical">
                <label for="lev2Suf" id="lev2SufLabel">二级标题后缀</span></label>
                <textarea type="text" maxlength="150" id="lev2Suf"></textarea>
            </div>
            <!-- 波浪线标注前缀 -->
            <div class="option vertical">
                <label for="lev3Pre" id="lev3PreLabel">三级标题前缀</span></label>
                <textarea type="text" maxlength="150" id="lev3Pre"></textarea>
            </div>
            <!-- 三级标题后缀 -->
            <div class="option vertical">
                <label for="lev3Suf" id="lev3SufLabel">三级标题后缀</span></label>
                <textarea type="text" maxlength="150" id="lev3Suf"></textarea>
            </div>
        </details>
        <!-- 想法 -->
        <details>
            <summary>想法</summary>
            <!-- 我的想法前缀 -->
            <div class="option vertical">
                <label for="thouPre" id="thouPreLabel">想法前缀</label>
                <textarea type="text" maxlength="150" id="thouPre"></textarea>
            </div>
            <!-- 我的想法后缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="thouSuf"></textarea>
            </div>
            <!--  -->
            <!-- 想法标注前缀 -->
            <div class="option vertical">
                <label for="thouMarkPre" id="thouMarkPreLabel">想法标注前缀</label>
                <textarea type="text" maxlength="150" id="thouMarkPre"></textarea>
            </div>
            <!-- 想法标注后缀 -->
            <div class="option vertical">
                <textarea type="text" maxlength="150" id="thouMarkSuf"></textarea>
            </div>
        </details>
        <!-- 书本信息 -->
        <details>
            <summary>书本信息</summary>
            <!-- 书本信息导出模板 -->
            <div class="option vertical">
                <textarea type="text" id="metaTemplate" style="height: 230px;"></textarea>
            </div>
        </details>
        <!-- 脚注 -->
        <details>
          <summary>脚注</summary>
          <!-- 脚注参考 -->
          <div class="option vertical">
              <textarea type="text" id="footSupTemp" style="height: 75px;"></textarea>
          </div>
          <!-- 脚注内容 -->
          <div class="option vertical">
            <textarea type="text" id="footNoteTemp" style="height: 75px;"></textarea>
        </div>
      </details>
        <!-- 代码块 -->
        <details>
            <summary>代码块</summary>
            <div class="option vertical">
                <label for="codePre" id="codePreLabel">代码块前缀</label>
                <input type="text" maxlength="15" id="codePre">
            </div>
            <div class="option vertical">
                <input type="text" maxlength="15" id="codeSuf">
            </div>
        </details>
        <!-- 正则替换 -->
        <details>
            <summary>正则替换</summary>
            <!--  -->
            <div class="regexpContainer">
                <div class="option vertical">
                    <div class="option horizon">
                        <input type="checkbox" class="contextMenuEnabledInput" id="re1">
                    </div>
                    <input type="text" maxlength="150" class="regexpInput">
                </div>
            <!--  -->
                <div class="option vertical">
                    <div class="option horizon">
                        <label for="re2" id="re2Label">模式 2</label>
                        <input type="checkbox" class="contextMenuEnabledInput" id="re2">
                    </div>
                    <input type="text" maxlength="150" class="regexpInput">
                </div>
            <!--  -->
                <div class="option vertical">
                    <div class="option horizon">
                        <label for="re3" id="re3Label">模式 3</label>
                        <input type="checkbox" class="contextMenuEnabledInput" id="re3">
                    </div>
                    <input type="text" maxlength="150" class="regexpInput">
                </div>
            <!--  -->
                <div class="option vertical">
                    <div class="option horizon">
                        <label for="re4" id="re4Label">模式 4</label>
                        <input type="checkbox" class="contextMenuEnabledInput" id="re4">
                    </div>
                    <input type="text" maxlength="150" class="regexpInput">
                </div>
            <!--  -->
                <div class="option vertical">
                    <div class="option horizon">
                        <label for="re5" id="re5Label">模式 5</label>
                        <input type="checkbox" class="contextMenuEnabledInput" id="re5">
                    </div>
                    <input type="text" maxlength="150" class="regexpInput">
                </div>
            </div>
        </details>
        <!-- 其他 -->
        <details>
            <summary>其他</summary>
            <div class="option">
                <input type="checkbox" id="addThoughts">
            </div>
            <div class="option">
                <input type="checkbox" id="thoughtFirst">
            </div>
            <div class="option">
                <select id="thoughtTextOptions">
                    <option id="thoughtTextAll">标注和想法所对应文本</option>
                    <option id="thoughtTextThought">想法所对应文本</option>
                    <option id="thoughtTextMark">标注</option>
                </select>
            </div>
            <div class="option">
                <input type="checkbox" id="distinctThouMarks">
            </div>
            <div class="option">
                <input type="checkbox" id="enableCopyImgs">
            </div>
            <div class="option">
                <input type="text" id="imgTag">
            </div>
            <div class="option">
                <input type="text" id="scale">
            </div>
            <div class="option">
                <input type="checkbox" id="allTitles">
            </div>
            <div class="option">
                <input type="checkbox" id="anchorTitle">
            </div>
            <div class="option">
                <input type="checkbox" id="displayN">
            </div>
            <div class="option">
                <input type="checkbox" id="mpAutoLoad">
            </div>
            <div class="option">
                <input type="checkbox" id="mpContent">
            </div>
            <div class="option">
                <input type="checkbox" id="mpShrink">
            </div>
            <div class="option">
                <input type="checkbox" id="enableFancybox">
            </div>
            <div class="option">
                <input type="checkbox" id="enableThoughtEsc">
            </div>
            <div class="option">
                <input type="checkbox" id="enableShelf">
            </div>
            <div class="option">
                <input type="checkbox" id="enableStatistics">
            </div>
            <div class="option">
                <input type="checkbox" id="enableOption">
            </div>
            <div class="option">
                <select id="selectActionOptions">
                    <option id="underlineNone">无</option>
                    <option id="wr_copy">复制</option>
                    <option id="underlineBg">马克笔</option>
                    <option id="underlineStraight">直线</option>
                    <option id="underlineHandWrite">波浪线</option>
                    <option id="underlineBg,.toolbarItem.wr_copy">马克笔 + 复制</option>
                    <option id="underlineStraight,.toolbarItem.wr_copy">直线 + 复制</option>
                    <option id="underlineHandWrite,.toolbarItem.wr_copy">波浪线 + 复制</option>
                    <option id="query">查询</option>>
                </select>
            </div>
            <div class="option">
                <input type="checkbox" id="enableDevelop">
            </div>
        </details>
        <!-- 确认提示 -->
        <div id="confirmContainer" class="popup">
            <div class="popup-content">
                <header>
                    <span id="confirmLabel"></span>
                </header>
                <footer>
                    <button type="submit" id="confirmButton">确定</button>
                    <button id="cancelButton">取消</button>
                </footer>
            </div>
        </div>
        <!-- 输入提示 -->
        <div id="promptContainer" class="popup">
            <div class="popup-content">
                <header>
                    <span id="promptLabel"></span>
                </header>
                <main><input id="promptInput" maxlength="20" type="text"></main>
                <footer>
                    <button type="submit" id="promptConfirmButton">确定</button>
                    <button id="promptCancelButton">取消</button>
                </footer>
            </div>
        </div>
    </main>
</body>

</html>
